<template>
	<view class="position-absolute d-flex flex-column a-center j-center top-0 right-0 left-0 bottom-0"
	style="background-color: #F5F5F5;">
		<image :src="getIcon" mode="widthFix"
		style="width: 250rpx;"></image>
		<view class="text-muted">{{this.msg}}</view>
	</view>
</template>

<script>
	export default {
		props: {
			icon: {
				type: String,
				default: 'no_pay.png'
			},
			msg: {
				type: String,
				default: '暂无数据'
			}
		},
		
		computed: {
			getIcon(img) {
				return `/static/images/nothing/${this.icon}`
			}
		}
	}
</script>

<style>
</style>
